.el-loading-spinner .path {
   stroke: var(--aoir-color-primary);
}


.el-image {
   display: block;
}



.el-menu {
   background-color: #191A1F !important;
}


// .el-card {
//    border-radius: 0 !important;
//    border: 0 !important;
//    width: calc(100vw - 250px);
//    // background-color: #191A1F !important;
// }

// .el-message-box {
//    border-radius: 10px !important;

//    .el-button--primary {
//       // border-radius: 20px !important;
//       background-color: var(--aoir-color-primary) !important;

//       &:hover {
//          opacity: .5 !important;
//       }
//    }
// }

.el-dialog {
   border-radius: 15px !important;
}

.Announcement-popover {
   .el-dialog__header {
      display: none;
   }

   .el-dialog__body {
      padding: 15px;
   }
}

.el-dropdown-menu__item {
   font-size: 14.5px !important;
   color: #666 !important;

   &:hover {
      color: var(--aoir-color-primary) !important;
      background-color: #e3e5e745 !important;
      cursor: pointer !important;
   }
}

.el-image-viewer__wrapper {
   transition: all .3s !important;
   background-color: rgba(46, 44, 57, 0.631);
   // background: rgb(60 61 68 / 30%);
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
   padding: 100px 0;
}

.el-image-viewer__prev,
.el-image-viewer__next {
   color: #474747;
   background-color: #ffffff;
   border-color: #fff;
   box-shadow: 0 0 20px 0px #000000;
}

.el-image-viewer__actions {
   background-color: #ffffff;
}

.el-image-viewer__actions__inner {
   color: #000;
}

.el-image-viewer__mask {
   opacity: 1;
   background: rgb(0 0 0 / 72%) !important;
}




.el-popper {
   border-radius: 12px !important;
   padding: 0 !important;
   overflow: hidden !important;
   // background-color: #ffffff00 !important;
   // border: 0 !important;
   // box-shadow: 0 0 0 0 #000 !important;
}

// .el-popper__arrow {
//    display: none;
// }